<%-- 
    Document   : index
    Created on : 22/06/2012, 10:41:21 PM
    Author     : Eddy Cordon
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html lang="en">
    <head>
        <title>Hospitales Kibo</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>	
        <script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
        <!--[if lt IE 9]>
                <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
                <script type="text/javascript" src="js/html5.js"></script>
        <![endif]-->
    </head>
    <body id="page1">
        <div class="body3"></div>
        <div class="body1">
            <div class="main">
                <header>                        <!-- header -->
                    <div id="logo_box">
                        <h1>
                            <a href="index.jsp" id="logo">
                                Hospitales <span>la union hace la fuerza!</span>
                            </a>
                        </h1>
                    </div>
                    <nav>
                        <ul id="menu">
                            <li id="menu_active"><a href="index.jsp">Inicio</a></li>
                            <li><a href="temp/build.jsp">Servicios</a></li>
                            <li><a href="temp/build.jsp">Hospitales</a></li>
                            <li><a href="temp/build.jsp">Farmacias</a></li>
                            <li class="bg_none"><a href="temp/build.jsp">Contactenos</a></li>
                        </ul>
                    </nav>
                    <div class="wrapper">
                        <div class="text1">La salud es nuestra meta!!</div>
                        <div class="text2">Varios hospitales y socios</div>
                        <ul id="icons">
                            <li><a href="#"><img src="images/icon1.jpg" alt=""></a></li>
                            <li><span>Siguenos!</span></li>
                            <li><a href="#"><img src="images/icon2.jpg" alt=""></a></li>
                            <li><a href="#"><img src="images/icon3.jpg" alt=""></a></li>
                        </ul>
                    </div>
                </header>                               <!-- / header -->
            </div>
        </div>

        <div class="body2">
            <div class="main">
                <section id="content">                  <!-- content -->
                    <div class="marg_top wrapper">
                        <div class="box1_out">
                            <div class="box1">
                                <h2>Mision</h2>
                                <div class="wrapper">
                                    <figure>
                                        <img src="images/page4_img1.jpg" alt="" class="left marg_right1">
                                    </figure>
                                    <p>Nuestra misión como hospital privado 
                                        desde su fundación en el año de 1995, 
                                        es la presentación de servicios de 
                                        hospitalización en las diferentes 
                                        especialidades médicas y brindar una 
                                        atención de calidad al paciente.
                                    </p>
                                </div>
                                <p>Nuestros esfuerzos están orientados a 
                                    la prevención, diagnóstico, tratamiento 
                                    y satisfacción de las necesidades médicas 
                                    de la población, a través de médicos 
                                    especialistas de reconocida capacidad. 
                                    Así como la realización de pruebas de 
                                    diagnóstico de vanguardia, contando con 
                                    infraestructura hospitalaria adecuada y 
                                    equipamiento del mismo con equipo médico 
                                    moderno de alta tecnología. 
                                </p>
                                <p>.</p>
                                <p>&nbsp;</p>
                            </div>
                        </div>
                        <div class="box1_bot">
                            <div class="box1_bot_left">
                                <div class="box1_bot_right"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>                              <!-- / content -->
        </div>

        <div class="main">
            <footer>            <!-- footer -->
                <div class="wrapper">
                    <article class="col1">
                        <div class="pad">
                            <h2>Protegemos tu salud</h2>
                            <p>Ahora contamos con mas centros de ayuda en toda Centroamerica.</p>
                            <ul class="list1">
                                <li><a href="#">Guatemala</a></li>
                                <li><a href="#">Honduras</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="col2 pad_left1">
                        <div class="pad">
                            <div class="wrapper">
                                <article class="cols">
                                    <h2>Nuevos Usuarios</h2>
                                    <form id="form_1" action="" method="post">
                                        <div>
                                            <div class="bg">
                                                <input class="input" type="text" value="Ingresa e-mail" onblur="if(this.value=='') this.value='Ingresa tu e-mail'" onFocus="if(this.value =='Ingresa tu e-mail' ) this.value=''" />
                                            </div>
                                            <input type="submit" value="Registrar" name="registroUser" />
                                        </div>
                                    </form>
                                </article>
                                <article class="cols pad_left1">
                                    <h2>Ingreso de Usuario</h2>
                                    <form id="form_2" action="log" method="post">
                                        <div>
                                            <div class="bg left">
                                                <input class="input input1" name="usr" type="text" value="Ingrese su Usuario"	onblur="if(this.value=='') this.value='Ingrese su Usuario'" onFocus="if(this.value =='Ingrese su Usuario' ) this.value=''" />
                                            </div>
                                            <div class="bg right">
                                                <input class="input input2" name="gass" type="password" value="••••••••••" onblur="if(this.value=='') this.value='••••••••••'" onFocus="if(this.value =='••••••••••' ) this.value=''"	 />
                                            </div>
                                            <input type="submit" value="Ingresar " name="login" />
                                            <br><br>
                                            <a href="temp/build.jsp">¿Olvido su password?</a>
                                        </div>
                                    </form>
                                </article>
                            </div>
                        </div>	
                    </article>
                </div>

                <div class="under2"></div>
                <div class="wrapper font_size">
                    <div class="pad">
                        <a rel="nofollow" href="http://www.google.com/" target="_blank">
                            Kibo Engenier
                        </a> designed by Kibo
                        <br>
                        <a href="http://www.google.com/" target="_blank">
                            Logica
                        </a> provided by kibo.com
                    </div>
                </div>
            </footer>                    <!-- / footer -->
        </div>
        <script type="text/javascript"> Cufon.now(); </script>
    </body>
</html>